<div id="feedbackdiv" style="height:200px; text-align:center; padding:20px; display:none;">
欢迎提交您的反馈给我们,可以是功能建议，产品问题，合作咨询等。建议您把您的联系方式一并留在反馈中.你也可以邮件我们luntankong@gmail.com<br>
另外，我们也正在招募成员中.可以访问这里查看详情 luntankong.webly.com <br>
                 <textarea id="feedbacktextarea" name="feedback" style="width:60%" rows="6"></textarea><br>
                 <a class="btn btn-primary modal_close_btn" id="submitfeedback">提交</a>
</div>




<script language="javascript">
$(function(){
	$("#submitfeedback").click(function(){
		text = $("#feedbacktextarea").val();
		var feedbackqueue = new Firebase('https://luntankong.firebaseIO.com/').child("feedback");
		feedbackqueue.push({id: uid, text: text});
		$('#feedbacktextarea').val("");
		$('#feedbackdiv').slideToggle(500);
	});
	
	$("#feedbackbtn").click(function(){
		$('#feedbackdiv').slideToggle(500);
	});
})
</script>


<style>

#addforumdiv {
    width: 600px;
	padding: 30px; 
    display:none;
	background: #FFF;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);  
}

#addforumdiv p { color: #666; text-shadow: none; }

#feedback{
    //width: 30%;
    padding-bottom: 2px;
    display:none;
    background: #FFF;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
}

#feedback-header { background: url(/hezi/images/hd-bg.png); padding: 8px 18px 8px 18px; border-bottom: 1px solid #CCC; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
#feedback-header  h2 { color: #444; font-size: 2em; font-weight: 700; margin-bottom: 3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }
#feedback-header  p { color: #444; font-size: 1.3em; margin: 0; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); text-shadow: none; }


#login{
    //width: 30%;
    padding-bottom: 2px;
    display:none;
    background: #FFF;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
}

#login-header { background: url(/hezi/images/hd-bg.png); padding: 8px 18px 8px 18px; border-bottom: 1px solid #CCC; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
#login-header  h2 { color: #444; font-size: 2em; font-weight: 700; margin-bottom: 3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }
#login-header  p { color: #444; font-size: 1.3em; margin: 0; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); text-shadow: none; }


#modal { display: none; }
#modal a { background: #CCC; color: #333; font-weight: bold; padding: 5px 10px; border: none; }
#modal a:hover { background: #aaa; } 

</style>